<!DOCTYPE html>
<p>There should be a green square below.</p>
<div id="container" style="overflow:hidden; width:100px; background:green;" data-expected-height="100">
  <div style="display:contents;">
    <div id="initiallyNone" style="display:none; margin:100px 0;">
      <div style="margin:100px 0;"></div>
    </div>
  </div>
  <div style="margin:100px 0;">
    <div style="margin:100px 0;"></div>
  </div>
  <div contenteditable="true" style="height:0;"></div>
</div>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../resources/check-layout-th.js"></script>
<script>
  document.body.offsetTop;
  document.getElementById("initiallyNone").style.display = "block";
  checkLayout("#container");
</script>
